


.map {
  width: 100vw;
  height: 30vh;
}

.content {
  background-color: white;
  position: relative;
  top: -16rpx;
  border-radius: 16rpx 16rpx 0 0;
  height: calc(70vh - 120rpx);
  overflow: auto;
}

.search-box {
  @include space-between;
  padding: 30rpx;
  position: relative;
}
.search-box .search-icon{
  width: 32rpx;
  height: 32rpx;
  left: 165rpx;
  position: absolute;
  right: 555rpx;
}

.inp {
  background: $white;
  border-radius: 34rpx;
  height: 68rpx;
  width: 580rpx;
  box-sizing: border-box;
  padding-left: 70rpx;
}

.search-select {
  @include space-between;
}

.triangle {
  margin-left: 8rpx;
  margin-top: 10rpx;
}

.poiList {
  padding-left: 30rpx;
}

.poi {
  @include space-between;
  justify-content: left;
  padding: 20rpx 0;
  border-bottom: 2rpx solid rgba(148, 151, 177, 0.1);
}

.poi-msg {
  width: 600rpx;
}

.poi-icon {
  width: 42rpx;
  padding: 0 30rpx 0 0;
}

.poi-name {
  font-size: $font-normal;
}

.poi-describe {
  color: $grey;
  margin-top: 10rpx;
}

.foot {
  position: fixed;
  bottom: 0;
  width: 100vw;
  @include space-between;
  height: 120rpx;
  box-sizing: border-box;
  padding: 0 30rpx;
  font-size: $font-normal;
}
.foot-range{
  color: $green;
  font-size: $font-mini;
  margin-left: 16rpx;
}

.foot .short-btn:not([size = 'mini']){
  width: 345rpx;
}
.triangle{
  top: 0;
}